import React,{Component} from 'react';
import './business.less';
import Lang from './Lang.json';
import classNames from 'classnames';
const prefix = "operation";
class Operation extends Component{
    render(){
        let introduce = Lang.part1.introduce.map((value,index)=>{
            return(
                <div key={index} className={prefix+"-introduceBox"} style={{float:"left"}}>
                    <p>{value.title}</p>
                    <p>{value.p1}</p>
                    <p>{value.p2}</p>
                </div>
            )
        });
        let features = Lang.part2.features.map((value,index)=>{
            return(
                <div className={classNames(prefix+"-freature","border"+index)} key={index}>
                    <a href={value.link}>{value.name}</a>
                </div>
            )
        })
        return(
            <div className={prefix}>
                <div className={prefix+"-box"}>
                    <h3>{Lang.title}</h3>
                    <div className={prefix+"-features-container clearfix"}>
                        <div className={prefix+"-huimei-technology"}>
                            <div className={prefix+"-technology-logo"}>
                                <a href="http://www.huimei.com/default.html" target="_blank" rel="noopener noreferrer">
                                    <p>{Lang.part1.title}</p>
                                    <p>{Lang.part1.slogan}</p>
                                </a>
                            </div>
                            <div className={prefix+"-more"}>
                                <p>{Lang.part1.more.title}</p>
                                <p>{Lang.part1.more.slogan}</p>
                                <a href="http://www.huimei.com/pages/clinicalpolicy.html" target="_blank" rel="noopener noreferrer">{Lang.part1.more.more}</a>
                            </div>
                            <div className={prefix+"-introduce"}>
                                {introduce}
                            </div>
                        </div>
                        <div className={prefix+"-huimei-best"}>
                            <div className={prefix+"-best-logo"}>
                                <a href={Lang.part2.link}>
                                    <p>{Lang.part2.title}</p>
                                    <p>{Lang.part2.slogan}</p>
                                </a>
                            </div>
                            {features}
                        </div>
                    </div>
                </div>
            </div>
        )
    }
};
export default Operation;